<template>
  <div>
    <router-link to="/msa"></router-link>
    <Msa />
    <div class="shang" v-for="(v, i) in arr" :key="i">
      <div class="lt">
        <img src="qiaoxiaodong/xqbg2.png" alt="" />
      </div>
      <div class="rg">
        <h6>法国eps镇静补水保湿舒缓玫瑰水200ml</h6>
        <p>秒杀</p>
        <span>￥199.00</span>
        <s>￥365</s>
        <div class="xiao">
          <div class="xlt">
            <img src="qiaoxiaodong/ms2.png" alt="" />
            <b>美妆商城</b>
          </div>
          <div class="xrg">
            <h4>立即抢购</h4>
            <h5>剩余两件</h5>
          </div>
        </div>
      </div>
    </div>
    <Msdb/>
    <router-view></router-view>
  </div>
</template>

<script>
import Msa from "../../../components/qiaoxiaodong/xsms/msa.vue";
import Msdb from "../../../components/qiaoxiaodong/xsms/msdibu.vue"
export default {
  components: {
    // 2.调用
    Msa,Msdb
  },
  data() {
    return {
      arr: [{}, {}, {}],
    };
  },
};
</script>

<style scoped>
.bdy {
  background: #f4f4f4;
}
.shang {
  width: 100%;
  height: 4.15rem;
  background: #fff;
  display: flex;
  margin-top: 0.3rem;
}
.lt img {
  width: 3rem;
  height: 3rem;
  margin-left: 0.3rem;
}
.rg {
  margin-left: 0.3rem;
}
.rg h6 {
  font-size: 0.3rem;
  margin-top: 0.3rem;
}
.rg p {
  width: 0.6rem;
  height: 0.35rem;
  font-size: 0.26rem;
  border: 1px solid #df656f;
  color: #df656f;
  margin-top: 0.2rem;
}
.rg span {
  font-size: 0.4rem;
  color: red;
}
.rg s {
  color: #b7babc;
}
.xiao {
  width: 3.8rem;
  height: 1.1rem;
  /* background: red; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xlt img {
  width: 0.55rem;
  height: 0.55rem;
}
.xlt b {
  color: #999999;
  margin-top: -0.2rem;
  font-size: 0.24rem;
  margin-left: 0.2rem;
}
.xrg h4 {
  width: 1.35rem;
  height: 0.5rem;
  font-size: 0.26rem;
  border: 1px solid #df656f;
  border-radius: 0.5rem;
  background: #df656f;
  color: #fff;
  text-align: center;
  padding-top: 0.1rem;
}
.xrg h5 {
  font-size: 0.26rem;
  color: #999999;
  margin-left: 0.2rem;
}
</style>